<template>
  <div class="detail">
    <p class="title">
      <span class="hint">标题</span>
      <span class="text">标题1</span>
    </p>
    <p class="content">
      <span class="hint">内容</span>
      <span class="text">部分内容，部分内容，部分内容，部分内容文字限制到50字部分内容文字限制到50字部分内容文字限制到50字部分内容文字限制到50字部分内容文字限制到50字部分内容文字限制到50字部分内容文字限制到50字</span>
    </p>
    <p class="time">
      <span class="hint">创建时间</span>
      <span class="text">2019-10-01</span>
    </p>
    <p class="url">
      <span class="hint">访问地址</span>
      <span class="text"><a href="http://123.ss.123.1">http://123.ss.123.1</a></span>
    </p>
  </div>
</template>

<style lang="scss">
.detail {
  padding: 50px 46px 0;

  p {
    font-size: 14px;
    line-height: 28px;
  }

  .hint {
    width: 70px;
    float: left;
  }

  .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
</style>
